/* vim: set expandtab tabstop=4 shiftwidth=4: */
/**
 * 3 column fluid theme.  This theme borrows some ideas from the Byty Thematic
 * Child Theme:  http://cozmoslabs.com/project/byty/  While some of the ideas
 * came from Byty, the implementation is very different using CSS3 to achieve
 * results that Byty accomplished with images.
 *
 * This theme makes extensive use of gradients which are a CSS3 feature.
 * They may not look correct in older versions of any browser but in particular,
 * older versions of IE will simply show the background color.
 *
 *  Gradients were genrated with the Ultimate CSS Gradient Generator - ColorZilla.com
 *
 *      http://www.colorzilla.com/gradient-editor/
 */
body {
    margin: 30px 80px;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    /*border: 1px solid #e6e5e5;*/
    border: 1px solid #000000;

    background: #000 url(../images/Page_Bg.jpg) -5px 0;

    /*background: rgb(224,224,224); /* Old browsers */
    /*background: -moz-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(239,239,239,1) 50%, rgba(158,158,158,1) 100%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,224,224,1)), color-stop(50%,rgba(239,239,239,1)), color-stop(100%,rgba(158,158,158,1))); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top, rgba(224,224,224,1) 0%,rgba(239,239,239,1) 50%,rgba(158,158,158,1) 100%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top, rgba(224,224,224,1) 0%,rgba(239,239,239,1) 50%,rgba(158,158,158,1) 100%); /* Opera11.10+ */
    /*background: -ms-linear-gradient(top, rgba(224,224,224,1) 0%,rgba(239,239,239,1) 50%,rgba(158,158,158,1) 100%); /* IE10+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#9e9e9e',GradientType=0 ); /* IE6-9 */
    /*background: linear-gradient(top, rgba(224,224,224,1) 0%,rgba(239,239,239,1) 50%,rgba(158,158,158,1) 100%); /* W3C */

}

/**
 * Change these divs to be fluid
 */
div#wrapper, div#branding, div#access, div#main, .menu {
    width: auto;
    background-color: #000;
}

div#branding {
/*    background: #000 url(../images/soccer/SoccerBallPageCorner.png) no-repeat 100% 100%;*/
    background: #000000 url(../images/CASL/CASL_Bg_Header.jpg) no-repeat top right;

    min-height: 101px;
    padding: 0px;
}

#blog-title {
    padding: 0.7em 0 0;
    font-size: 4.0em;
    text-align: center;
    position: absolute;
    top: 0;
    width: 100%;
}

#blog-title a, #blog-title a:hover, #blog-title a:visited {
    color: #fff;
}

div#access {
    border-bottom: 0px;
    /*background: rgb(0,0,0); /* Old browsers */
    /*background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(50%,rgba(0,0,0,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 50%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
    /*background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 50%,rgba(255,255,255,1) 100%); /* IE10+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#9e9e9e',GradientType=0 ); /* IE6-9 */
    /*background: linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 50%,rgba(255,255,255,1) 100%); /* W3C */
    /*min-height: 100px;*/
}
div#main {
    /*background: #000 url(../images/soccer/SoccerBallPageCorner.png) no-repeat 100% 100%;*/
}

div#wrapper {
    /*box-shadow: 3px 3px 4px #000;*/
}

div#access {
    padding-left: 10px;
}

div#main {
    padding-top: 11px;
}

div#container {
    width: 100%;
    margin: 0px 10px;
    /*background-color: pink;*/
    margin-right: -440px;
}

div#content {
    margin: 0 480px 0 0;
    /*float: left;*/
    padding-right: 5px;
    /*width: 100%;*/
}

div.sidebar {
    float: left;
    overflow: hidden;
    width: 180px;
}

div#primary {
    float: right;
    margin: 0 10px 0 -220px;
    overflow: hidden;
    /*background-color: #fff782;*/
    position: relative;
    padding: 0px;
    border: 0px;
}

div#secondary {
    float: right;
    width:  220px;
    margin: 0 230px 0 -220px;
    /*background-color: #fff782;*/
}

div#header {
    width: 100%;
    position: relative;
}

div#footer {
    border-top: 0px;
    clear: left;
    width: 100%;
    min-height: 300px;
    position: relative;
    background: #000 url(../images/soccer/SoccerBallPageCorner.png) no-repeat 100% 100%;
}

#blog-description {
    border: medium none;
    margin: 0;
    padding: 0 0 0 10px;
    position: absolute;
    top: -25px;
}

#secondary-nav {
    border: medium none;
    margin: 0;
    padding: 0 0 0 10px;
    position: absolute;
    top: -25px;
    text-align: right;
    background-color: pink;
}

#siteinfo {
    padding: 0 0 10px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.entry-content {
    margin-right: 3px;
}

.aside h3 {
	font-weight: bold;
	font-style: normal;
}


.aside ul.xoxo{
	list-style:none;
	padding:0;

}

.aside ul.xoxo li{
	padding:0;
	margin:0;
	background:#eae9e9;
	border:1px solid #e6e5e5;	
}

.aside ul.xoxo li{
	margin-top:10px;
}

.aside ul.xoxo li h3{
	color:#da7f13;
	height:22px;
	padding:6px 0 0 10px;
    background: rgb(250,250,250); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,250,250,1)), color-stop(100%,rgba(233,233,233,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(233,233,233,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(233,233,233,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(233,233,233,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(250,250,250,1) 0%,rgba(233,233,233,1) 100%); /* W3C */
}

.aside ul.xoxo li.widget_rss-links h3{
	/*color:#da7f13;
	background:url(../icons/rss.png) top left no-repeat #fafafa;
	height:22px;
	padding:6px 0 0 25px;*/
}

.aside ul.xoxo li.widget_rss-links ul li{
	background:url(../icons/feed.png) 95% 50% no-repeat transparent;
}

.aside ul.xoxo li ul{
	list-style:none;
	padding:0;
	margin:0;
}
.aside ul.xoxo li ul li{ 
	list-style:none;
	padding:0;
	margin:0;
	border-top:1px solid #fff;
	border-bottom:1px solid #e6e5e5;
	border-left:none;
	border-right:none;
}
.aside ul.xoxo li ul li.recentcomments{
	padding:2px 20px 2px 10px;
/*
	border-top:1px solid #fff;
	border-bottom:1px solid #e6e5e5;	
*/
}
.aside ul.xoxo li ul li.recentcomments a{
	display:inline;
	color:#2772b3;
	text-decoration:none;
	border:none;
	padding:0;
}
.aside ul.xoxo li ul li.recentcomments a:hover{
	color:#000;
	text-decoration:underline;
	background:none;
}

.aside ul.xoxo li ul li a{
	background:#f1f1f1;
	display:block;
	padding:2px 2px 2px 10px;
    background-color: transparent;
/*
	border-top:1px solid #fff;
	border-bottom:1px solid #e6e5e5;
*/
	color:#2772b3;
	text-decoration:none;
}
.aside ul.xoxo li ul li a:hover{
	background:#d2d2d2;
	color:#000;
	text-decoration:none;
    /*background-color: transparent;*/
}

.aside ul.xoxo li.widget_rss-links ul li a:hover{
	background:url(../icons/feed.png) 95% 50% no-repeat #d2d2d2;
}

/*
.aside ul.xoxo li ul li.cat-item a{
	display:block;
	color:#2772b3;
	text-decoration:none;
/*
	border-top:1px solid #fff;
	border-bottom:1px solid #e6e5e5;
*/
	/*
	padding-left:35px;
	/*background:url(../images/folder-ico.gif) center left no-repeat #f1f1f1;*/
	/*
	background:url(../icons/folder.png) center left no-repeat #f1f1f1;
}
/*
.aside ul.xoxo li ul li.cat-item a:hover{
	/*background:url(../images/folder-ico.gif) center left no-repeat #d2d2d2;*/
/*
	background:url(../icons/folder.png) center left no-repeat #d2d2d2;
	color:#000;
	text-decoration:none;
}
*/
/***************************************************************** Search */
li#search form div{
	padding:0 0 0 7px;
}
li#search form div input#s{
	width:110px;
	border-top:1px solid #c0c0c0;
	border-left:1px solid #c0c0c0;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
/***************************************************************** Tag Cloud */
.aside ul.xoxo li#tag_cloud{
	padding:10px;
}
.aside ul.xoxo li#tag_cloud h3{
	color:#da7f13;
	height:22px;
	padding:7px 0 0 10px;
	margin:-10px -10px 0 -10px;
    background: rgb(250,250,250); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,250,250,1)), color-stop(100%,rgba(233,233,233,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(233,233,233,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(233,233,233,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(233,233,233,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(250,250,250,1) 0%,rgba(233,233,233,1) 100%); /* W3C */
}
.aside ul.xoxo li#tag_cloud a{
	font-size:18px;
}

.slidedeck_widget {
    /*box-shadow: 3px 3px 4px #000;*/
}

div.post, div.page, div.player {
    background: rgb(210,210,210); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(210,210,210,1) 0%, rgba(240,240,240,1) 20%, rgba(240,240,240,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(210,210,210,1)), color-stop(20%,rgba(240,240,240,1)), color-stop(100%,rgba(240,240,240,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(210,210,210,1) 0%,rgba(240,240,240,1) 20%,rgba(240,240,240,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(210,210,210,1) 0%,rgba(240,240,240,1) 20%,rgba(240,240,240,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(210,210,210,1) 0%,rgba(240,240,240,1) 20%,rgba(240,240,240,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d2d2', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(210,210,210,1) 0%,rgba(240,240,240,1) 20%,rgba(240,240,240,1) 100%); /* W3C */
    
    border: 1px solid #E6E5E5;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 10px 5px;
    width: auto;
}    

.entry-content {
    margin: 18px 0 0;
    overflow: hidden;
    padding: 0px 2px;
}

.entry-title a:active, .entry-title a:hover {
    color: #999;
}

h1.entry-title, h2.entry-title {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 28px;
    font-weight: normal;
    text-transform: none;
}

.single .hentry {
    padding: 10px 5px 15px;
}

.hentry {
    /*box-shadow: 3px 3px 4px #fff;*/
}

#s {
    margin: 3px 5px;
    font-family: Arial,Helvetica,sans-serif;
    font-style: italic;
    width: 90%;
}

/**
 * Dark Grey Coloring - common to all skins
 */
/*span.comments-link a{
	color:#6e6e6e;
}*/

.aside ul.xoxo li h3{
	color:#6e6e6e;
}

.aside ul.xoxo li#rss-links h3{
	color:#6e6e6e;
}

.aside ul.xoxo li#tag_cloud h3{
	color:#6e6e6e;
}

.tagcloud {
    padding: 6px 10px;
}

.sf-menu a, .sf-menu a:active, .sf-menu a:hover, .sf-menu a:visited {
        color: #6e6e6e !important;
}


body.page-roster-player #container,
body.page-template-template-page-fullwidth-php #container,
body.page-template-template-page-fullwidth-gcal-php #container {
    margin: 0;
    width: 97.5%;
    padding-left: 10px;
}

body.page-roster-player #content,
body.page-template-template-page-fullwidth-php #content,
body.page-template-template-page-fullwidth-gcal-php #content {
    width: 99%;
    margin: 0 0 0 10px;
}

.casl-gcal {
    margin: 25px 20px;
    padding: 10px;
    background-color: white;
    border: 1px solid #6e6e6e;
}
 
.casl-social-media {
    float: none;
    clear: both;
    width: auto;
}

.casl-social-media-twitter {
    float: left;
}

div#caslleaguelogoimg {
    float: left;
    padding: 5px 0px 0px 5px;
}

/* Home Page specific styles
 * -------------------------
 */

body.home #container {
    float: none;
    width: 98.5%;
}

body.home #content {
    width: inherit;
    overflow: hidden;
    /*margin-right: 100px;*/
}

body.home .hentry {
    width: inherit;
}
